<template>
  <div>
    <van-search
      v-model="value"
      show-action
      icon="location-o"
      placeholder="请输入小区或地址"
    >
      <template #left>
        <van-icon name="arrow-left" style="font-size: 20px" color="white" />
      </template>
      <template #label>
        上海
        <span class="iconfont icon-xiajiantou" style="font-size: 12px"></span>
        <span class="fgx"></span>
      </template>
      <template #action>
        <span class="iconfont" style="font-size: 30px; color: white"
          >&#xe62a;</span
        >
      </template>
    </van-search>
  </div>
</template>

<script>
export default {
  name: 'search-page',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped lang="less">
.van-search {
  background-color: #21b97a;
  .van-search__content.van-search__content--square {
    padding: 0;
    margin-left: 15px;
    align-items: center;
    overflow: hidden;
    .van-search__label {
      .fgx {
        display: inline-block;
        width: 12px;
        height: 18px;
        border-right: 1px solid #cfcfcf;
        transform: translateY(3px);
      }
    }
    .van-cell.van-cell--borderless.van-field {
      padding-left: 5px;
    }
  }
}
</style>
